<template>
<div>


    <div class="pro-content">
   <ul class="pro-ul">
       <li class="pro-li"><span class="iconfont">&#xe601;</span>定位失败</li>
       <li class="pro-li pro-li-spec">
           <a href=""><span class="iconfont">&#xe6fc;</span>玩水季</a>
           
           </li>
   </ul>
    </div>
    <div class="pro-content2">
   <ul class="pro-ul2">
       <li class="pro-li-item pro-li-right"><a href="" class="pro-li-a"></a></li>
       <li class="pro-li-item2">
           <a href="" class="pro-li-a"></a>
           
           </li>
   </ul>
    </div>
    </div>
</template>

<script>
    export default {
        name:'HomePromotion'
    }
</script>

<style lang="stylus" scoped>
.pro-content
    width  100%
    background-color #fff
  .pro-ul
    width 100%
    height 0
    padding-bottom 12% 
    border-top 1px solid #e0e0e0;
    // border-bottom 1px solid #e0e0e0;
   .pro-li
     height: .98rem;
     float left
     width 49%
     font-size: .28rem;
     color: #212121;
     line-height: .98rem;
     text-align: center;
     

.pro-content2
    width  100%
    margin-top: .2rem;
    background-color: #fff;
    overflow hidden
    border-bottom 1px solid #e0e0e0 
  .pro-ul2
      width 100%
      height 0
      padding-bottom 12% 
      
    .pro-li-item
      background: url(http://img1.qunarzz.com/piao/fusion/1806/29/30427c0e0658b502.png) center center no-repeat;
      background-size: auto 100%;
      height: 1.2rem;
      float left
      width 50%
    .pro-li-right
      border-right 1px solid #e0e0e0  
      
       
    .pro-li-item2
            background:url(http://img1.qunarzz.com/piao/fusion/1806/36/e89032c5f7714f02.png) center center no-repeat;
            background-size: auto 100%;
            height: 1.2rem;
            float left
            width 49%
            font-size: .28rem;
            line-height: .98rem;
            text-align: center;

      .pro-li-a
             display: block;
             width: 100%;
             height: 100%;
      
</style>